<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>研学成果</title>
		<link rel="stylesheet" type="text/css" href="css/BE/BE_commonality.css" />
		<link rel="stylesheet" type="text/css" href="css/BE/BE_studies_achievement.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tablist.js" type="text/javascript" charset="utf-8"></script>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="tool/layui/css/layui.css"  media="all">
	</head>
	<body>
		<header></header>
		<section>
			<div id="mDiv">
			<!-- <div class="leftdiv">
				sfsafgsd
			</div> -->
			<div class="rightdiv">
				<div id="rigbody">
				<h3>研学成果</h3>
				<hr >
				</div>
				<div id="form">
						<form action="" method="post" class="layui-form"   >
							<div class="layui-form-item">
							    <div class="layui-input-inline" style="width: 260px;">
							      <select name="quiz1">
							        <option value="">名称</option>
							        <option value="" >1</option>
							        <option value="">2</option>
							        <option value="">3</option>
							      </select>
							    </div>
								<div class="layui-input-inline u1" style="width: 160px;">
								  <select name="quiz1">
								    <option value="">区域</option>
								    <option value="" >1</option>
								    <option value="">2</option>
								    <option value="">3</option>
								  </select>
								</div>
								<div class="layui-input-inline u1" style="width: 160px;">
								  <select name="">
								    <option value="">学校</option>
								    <option value="" >1</option>
								    <option value="">2</option>
								    <option value="">3</option>
								  </select>
								</div>
								<div class="layui-input-inline u1" style="width: 80px;">
								  <select name="quiz1">
								    <option value="">年级</option>
								    <option value="" >1</option>
								    <option value="">2</option>
								    <option value="">3</option>
								  </select>
								</div>
								<div class="layui-input-inline u1" style="width: 80px;">
								  <select name="quiz1">
								    <option value="">班级</option>
								    <option value="">1</option>
								    <option value="">2</option>
								    <option value="">3</option>
								  </select>
								</div>
								</div>
							<div class="layui-form-item">
							   <div class="layui-inline">
							        <div class="layui-input-inline ">
							          <input type="text" class="layui-input" id="test1-1" placeholder="请选择日期">
							        </div>
							      </div>
							  <div class="layui-inline">
							        <div class="layui-input-inline">
							          <input type="text" class="layui-input" id="test4" placeholder="时间">
							        </div>
							      </div>
							  <input type="text" value="查询" style="margin-left: 50px;"/>
							</div>
							<div class="layui-form-item">
							   <div class="layui-inline">
							        <div class="layui-input-inline">
							          <input type="text" style="border: 1px solid gainsboro; width: 200px; height: 33px; border-radius: 1px;"  placeholder="请输入">
							        </div>
							    </div>
							</div>
						</form>
				</div>
				<div class="info">
					<div class="list-center">
						<ul id="filter-list">
							<li class="filter-list-content">
								<div class="anum">
									<div class="cir" id="cir" name="cir">
										<p id="sec" class="sec" style="display: none;"></p>
									</div>
								</div>
								<div class="list-content-left">
									<img src="img/BE/1.png" >
								</div>
								<div class="list-content-center">
									<ul class="ul-left">
										<li>云台山计划</li>
										<li>郑州市第八中学</li>
									</ul>
									<ul class="ul-left u2">
										<li>审批编号：ZZDBCJZX001</li>
										<li>3年级98人</li>
									</ul>
									<ul class="ul-left">
										<li>黎明</li>
										<li>1383838438</li>
									</ul>
									<ul class="ul-left">
										<li>开始时间</li>
										<li>2019-06-16 14:03</li>
									</ul>
									<ul class="ul-left">
										<li>计划结束时间</li>
										<li>2019-06-16 14:03</li>
									</ul>
								</div>
							</li>
							<li class="filter-list-content">
								<div class="anum">
									<div class="cir" id="cir" name="cir">
										<p id="sec" class="sec" style="display: none;"></p>
									</div>
								</div>
								<div class="list-content-left">
									<img src="img/BE/1.png" >
								</div>
								<div class="list-content-center">
									<ul class="ul-left">
										<li>云台山计划</li>
										<li>郑州市第八中学</li>
									</ul>
									<ul class="ul-left u2">
										<li>审批编号：ZZDBCJZX001</li>
										<li>3年级98人</li>
									</ul>
									<ul class="ul-left">
										<li>黎明</li>
										<li>1383838438</li>
									</ul>
									<ul class="ul-left">
										<li>开始时间</li>
										<li>2019-06-16 14:03</li>
									</ul>
									<ul class="ul-left">
										<li>计划结束时间</li>
										<li>2019-06-16 14:03</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="" id="hidd" style="display: none;">
					<p style="width: 600px; height: 40px; font-size: 20px; color: gray;margin-bottom: 30px;">郑州市第八中学研学旅行<span style="display: inline-block;color: red;font-size: 12px; margin-left: 100px;">ZZDBCJZX001</span></p>
				</div>
				<div class="tablist">
				 <div id="wrapbox">
				  <div class="title">
				    <ul class="title-list nav-list">
					  <li class="on">精彩瞬间</li>
					  <li>出行总结</li>
				      <p><b></b></p>
				    </ul>
				  </div>
				 </div>
				  <div class="product-wrap" id="textcontent">
				    <!--案例1-->
				    <div class="product show">
						<div class="picdir">
								<ul class="dir">
									<li><img src="img/BE/1.png" /></li>
									<li><span class="secli">共180杀</span><span>2020/07/18</span></li>
									<li>2020/7/16日峡谷一日游</li>
								</ul>
								<ul class="dir">
									<li><img src="img/BE/1.png" /></li>
									<li><span class="secli">共180杀</span><span>2020/07/18</span></li>
									<li>2020/7/16日峡谷一日游</li>
								</ul>
								<ul class="dir">
									<li><img src="img/BE/1.png" /></li>
									<li><span class="secli">共180杀</span><span>2020/07/18</span></li>
									<li>2020/7/16日峡谷一日游</li>
								</ul>
						</div>
				    </div>
				    <!--案例2-->
				    <div class="product">
							<p class="cont">胜多负少干啥事发</p>
							<input type="text" class="stro" name="" placeholder="请填写评论内容"/><br />
							<input type="submit" class="sub" name="" value="提交评论" />
				    </div>
				  </div>
				</div>
			</div>
			</div>
		</section>
		<footer></footer>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/BE/BE_studies_achievement.js" type="text/javascript" charset="utf-8"></script>
		<script src="tool/layui/layui.js" charset="utf-8"></script>
		<script>
		layui.use(['form', 'layedit', 'laydate'], function(){
		  var form = layui.form
		  ,layer = layui.layer
		  ,layedit = layui.layedit
		  ,laydate = layui.laydate;
		  
		  //日期
		  laydate.render({
		    elem: '#date'
		  });
		  laydate.render({
		    elem: '#date1'
		  });
		  laydate.render({
		      elem: '#test1-1'
		      ,lang: 'en'
		    });
			//时间选择器
			  laydate.render({
			    elem: '#test4'
			    ,type: 'time'
			  });
		});
		</script>
	</body>
</html>
